<template>
  <el-popover placement="right" :trigger="auto?'hover':'click'">
    <img :src="src"
      v-if="src!=''"
      class="imgStyle"
      :style="'max-height: '+maxHeight+'px; max-width: '+maxWidth+'px'"/>
    <img slot="reference"
      :src="src"
      v-if="src!=''"
      style="max-height: 50px; max-width: 150px"/>
  </el-popover>
</template>
<script>

export default {
  name:'PreView',
  props:{
    src:{
      type:String,
      default: ''
    },
    auto:{
      type:Boolean,
      default: false
    },
    maxWidth:{
      type:String,
      default: '800'
    },
    maxHeight:{
      type:String,
      default: '600'
    },
  },
  
};
</script>

